<template>
	<view>
		<view class="header">
			<u-navbar
				:background="{ backgroundColor: '#3478F2' }"
				back-text="返回首页"
				back-text-style="{ color: '#ffffff'}"
				back-icon-color="#fff"
				back-icon-name="arrow-left"
				back-icon-size="40"
				title="提交成功"
				title-color="#fff"
				title-size="40"
				title-bold
			></u-navbar>
		</view>
		<scroll-view scroll-top="0" scroll-y="true" :style="`height:${scrollHeight}px`">
			<view class="box">
				<view class="circle">
					<image src="/static/icon/gou.png" mode="scaleToFill" class="gou" />
				</view>
				<view class="content">
					<view class="title">您好，您的资料已经提交成功!</view>
					<view>
						由于当前申请人数过多，预估
						<span>3</span>
						个工作日
					</view>
					<view>内有审核结果，请密切关注平台信息</view>
					<view>以免错过审核通知。</view>
				</view>
				<view class="btn headle" @click="btn">我知道了</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
import { mixin } from '@/utils/mixins'
export default {
	mixins: [mixin],
	components: {},

	data() {
		return {}
	},
	computed: {},
	watch: {},
	onLoad() {},
	onShow() {},
	onReady() {},
	// 方法集合
	methods: {
		// btn() {
		// 	uni.switchTab({
		// 		url: '/pages/loans/index'
		// 	})
		// },
		home() {
			uni.switchTab({
				url: '/pages/home/index'
			})
		}
	},
	onHide() {},
	onUnload() {}
}
</script>

<style lang="scss" scoped>
.header {
	color: #fff;
}
.box {
	height: 100%;
	background-color: #fff;
	width: 100%;
	padding: 238rpx 54rpx 0 56rpx;
}
.circle {
	width: 200rpx;
	height: 200rpx;
	margin: 0 auto;
	border: 32rpx solid #f3f8ff;
	border-radius: 50%;
	background: #3478f2;
	position: relative;
	.gou {
		position: absolute;
		height: 44rpx;
		width: 62rpx;
		top: 46rpx;
		left: 38rpx;
		z-index: 3;
	}
}
.content {
	margin-top: 58rpx;
	font-family: PingFang SC;
	text-align: center;
	.title {
		height: 60rpx;
		font-size: 44rpx;
		font-weight: bold;
		color: #3478f2;
		line-height: 54rpx;
		margin: 0 auto;
	}
	view {
		font-size: 32rpx;
		font-weight: 400;
		color: #696969;
		line-height: 38rpx;
		text-align: center;
		height: 44rpx;
		span {
			color: #fc1f1f;
		}
	}
}
.btn {
	width: 100%;
	height: 92rpx;
	background: linear-gradient(270deg, #0481fe 0%, #40c5fe 100%);
	border-radius: 70rpx;
	text-align: center;
	line-height: 92rpx;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #ffffff;
	margin-top: 196rpx;
}
</style>
